<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<meta http-equiv="Pragma" content="no-cache" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>XXYY</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/rem.js" type="text/javascript"></script>
	</head>
	<body>
		<div class="wrap">
			<em class="ic_audio"></em>
			<audio id="aubtn" src="assert/music/click.WAV" preload="auto"></audio>
			<!--<audio id="bgm" src="assert/music/bgm.mp3" loop="loop" autoplay="autoplay"></audio>-->
			<article class='step'>
				<div class="step1" style="display: block;">
					<p>Enter Your Name</p>
					<input type="text" class="name" />
					<span class='subm'>确认</span>
				</div>
				<div class="step2" style='display: none;'>
						<a href="javascript:;" class='btn_new'>创建房间</a>
						<a href="javascript:;" class="btn_join">加入房间</a>
				</div>
				<div class="joinroom" style="display: none;">
					<p class='tle'>请输入房间号</p>
					<input type="number" class='roomid' />
					<p class="tips">仅输入房间号的数字码</p>
					<span class='subm'>确认</span>
				</div>
				<div class="step3" style="display: none;">
					<header>
						<em class="back"></em>
						<span>房间</span>
					</header>
					<section class="users">
						<p>房间成员：</p>
						<ul>
							<li>张三</li>
							<li>李四</li>
							<li>张三</li>
						</ul>
					</section>
					<section class="setopts" style="display: none;">
						<p>添加项目<i>(最多10项)</i></p>
						<ul>
							<li>
								<label for="opt1">Num1:</label>
								<input id="opt1" type="text" placeholder="请输入。。。" />
							</li>
						</ul>
						<div class="btnarea">
							<a href="javascript:;" class="btnadd">添加</a>
							<a href="javascript:;" class="btndone">完成</a>
						</div>
					</section>
					<section class="loading" style="display: none;">
						<p>房主正在赶来，请等待。。。</p>
					</section>
					<section class="zhuanpan" style="display: none;">
						<div class="needle">
							<em></em>
							点我<br/>开始
						</div>
						<canvas class="ctx" width= "100%" height="100%"></canvas>
						<div class="txt">
							
						</div>
					</section>
					<div class="alert" style="display: none;">
						<p class="msg"></p>
						<button>确定</button>
					</div>
				</div>
			</article>
			
			
		</div>
		<link rel="stylesheet" type="text/css" href="js/animate.css"/>
		<script>
			var main='http://10.87.18.99:3000';
		</script>
		<script src="js/socket.io.js" type="text/javascript"></script>
		<script src="js/jquery/jquery-1.12.4.min.js" type="text/javascript"></script>
		<script src="js/layer/layer.js" type="text/javascript"></script>
		<script src="js/pagejs/index.js" type="text/javascript"></script>
	</body>
</html>
